<template>
  <div>
    <navHead :tabflag="2" />
    <banner :bannercontent="bannercontent" />
    <titles :titlescontent="titlescontent" />
    <contentComponent :contentData="contentData" />
    <titles :titlescontent="titlescontent1" />
    <contentComponent :contentData="contentData1" />
    <titles :titlescontent="titlescontent2" />
    <contentComponent :contentData="contentData2" />
    <titles :titlescontent="titlescontent3" />
    <contentComponent :contentData="contentData3" />
    <titles :titlescontent="titlescontent4" />
    <contentComponent :contentData="contentData4" />
    <foot />
  </div>
</template>

<script>
import navHead from "~/components/nav-head.vue";
import foot from "~/components/foot.vue";
import banner from "~/components/banner.vue";
import titles from "~/components/title.vue";
import contentComponent from "~/components/content-component";
import titlebox from "~/components/titlebox.vue";
export default {
  name: "IndexPage",
  components: {
    navHead,
    foot,
    banner,
    titles,
    titlebox,
    contentComponent,
  },
  data() {
    return {
      contentData4: {
        reverse: false,
        asidetitletop: "专业的私域管理工具",
        asidetitlebottom: "快速构建企业私域",
        img: require("../../assets/img/yygl.png"),
        isCheckIcon: true,
        list: [
          {
            name: "移动端管理台",
            content: "在手机企业微信中即可进行便捷操作  ",
          },
          {
            name: "在职继承",
            content:
              "支持将在职员工的客户分配给指定员工继承，直接转移好友关系，无须二次添加，无须原员工同意，保证客户体验和服务质量;",
          },
          {
            name: "离职继承",
            content:
              "员工离职时，企业可将其名下客户(及群聊)分配给指定员工继承，保障企业客户资源不流失。",
          },
          {
            name: "标签管理",
            content: "识别管理用户标签，多维数据整合，绘制用户画像",
          },
        ],
      },
      contentData3: {
        reverse: true,
        asidetitletop: "加速企业私域扩容",
        asidetitlebottom: "引导用户分享，加速扩充社群用户",
        img: require("../../assets/img/fxlbccc.png"),
        isCheckIcon: true,
        list: [
          {
            name: "群裂变",
            content: "支持快速创建企业自动群发任务，提升营销效率",
          },
          {
            name: "任务裂变",
            content: "支持多种类型内容素材的分享管理",
          },
        ],
      },
      contentData2: {
        reverse: false,
        asidetitletop: "洞悉用户喜好 精准内容推送",
        asidetitlebottom: "线上线下多场景快速添加客户微信",
        img: require("../../assets/img/khyyccc.png"),
        isCheckIcon: true,
        list: [
          {
            name: "群画像",
            content: "时刻了解群详情，及时制定并调整运营策略，提升社群转化",
          },
          {
            name: "流失提醒",
            content: "监控整体客户流失情况，帮助减少客户流失",
          },
          {
            name: "朋友圈/群SOP",
            content: "建立标准化的运营流程，提高运营效率",
          },
        ],
      },
      contentData1: {
        reverse: true,
        asidetitletop: "抓住用户激活黄金期",
        asidetitlebottom: "识别消息关键词，智能回复企业话术库预设消息，会话内容实时存档",
        img: require("../../assets/img/yyzhccc.png"),
        isCheckIcon: true,
        list: [
          {
            name: "群发工具",
            content: "支持快速创建企业自动群发任务，提升营销效率",
          },
          {
            name: "内容管理",
            content: "支持多种类型内容素材的分享管理",
          },
          {
            name: "营销工具",
            content: "提供丰富营销插件，提升客户和社群活跃，促进转化",
          },
        ],
      },
      contentData: {
        asidetitletop: "全渠道获客引流",
        asidetitlebottom: "线上线下多场景快速添加客户微信",
        img: require("../../assets/img/tkylxx.png"),
        isCheckIcon: true,
        list: [
          {
            name: "群组活码",
            content: "群活码永久有效，人满自动分群",
          },
          {
            name: "欢迎语",
            content: "第一时间触达客户，快速建立联系",
          },
          {
            name: "批量加客户",
            content: "本地批量导入，高效完成客户引流",
          },
          {
            name: "自动分流",
            content: "多渠道活码引流，实时自动分流，分层精细化管理营",
          },
        ],
      },
      titlescontent: {
        titletop: "拓客引流",
        titlebottom: "打通商家全渠道，智能加好友、活码等多种形式，高效私域引流",
      },
      titlescontent1: {
        titletop: "营销转化",
        titlebottom: "丰富的营销工具、内容素材，建立完善的营销过程管理闭环",
      },
      titlescontent2: {
        titletop: "客户运营",
        titlebottom: "支持客户标签化、分类分级、流失提醒等，实现企业精细化运营",
      },
      titlescontent3: {
        titletop: "分享裂变",
        titlebottom: "会话内容实时存档抓住用户激活黄金期",
      },
      titlescontent4: {
        titletop: "运营管理",
        titlebottom: "支持客户标签化、在职继承、离职继承等，实现企业精细化运营",
      },
      bannercontent: {
        bannertitlelist: ["子弹企微助手"],
        msg:
          "子弹人力云平台链接6500家劳务公司、500万蓝领，日结工、外包、众包等用工方式,为人力资源行业打造一体化的用工SaaS平台",
        button: {
          isbtn: true,
          class: "bluebtn",
          name: "免费试用",
        },
        banner: require("../../assets/img/banner3.png"),
      },
    };
  },
};
</script>
